
// Fonts
@import url('https://fonts.googleapis.com/css?family=Nunito');

// Variables
@import 'variables';

// Bootstrap
@import '~bootstrap/scss/bootstrap';

$main-color:#333;

.navbar-laravel {

  background:$main-color;
  color:#fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);

}

.navbar-light .navbar-brand,
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link:hover{
  color:#fff;
}

#app{
  display: flex;
  flex-direction: column;
  min-height:100vh;
}

.content{
  flex:1;
  display: flex;
  align-items: stretch;
}


.left-menu{

  min-width:100px;
  max-width:200px;
  width:10%;
  background: $main-color;
  margin-top:1px ;
  padding:5px;

  a{
    display: block;
    width:100%;
    line-height:50px;
    border-bottom:1px solid #999;
    text-align: center;

    text-decoration: none;
    font-weight: bold;
    color:#fff;
  }
}

.main{
  flex:1;
}


.page{
  padding:20px;

}
.page-title{
  border-bottom:2px solid #999;
  padding:5px 0;
  display: flex;
  margin-bottom:10px;
  .title{
    flex:1;
    font-weight:bold;
    font-size:20px;
    color:#666;
  }

  .back{
      width:100px;
      cursor: pointer;

  }
}
.page-home{

  h1{
    text-align: center;
    margin-top:30vh;
  }
}
.page-users{
  .wxhead{
    width:50px;

  }
}

.page-map{

  #map{
    width:100%;
    height:500px;
  }
}


